<template>
	<el-dialog
	  :visible.sync="state.visible"
	  :fullscreen="fullscreen"
	  :custom-class="!fullscreen ? 'custom-height': 'custom-fullscreen'"
	  :close-on-click-modal="false"
	  :show-close="false"
	  @closed="close"
	>
		<el-row slot="title" type="flex">
			<el-col :span="20">{{ title }}</el-col>
			<el-col :span="4" style="text-align: right">
				<svg-icon
				  :icon-class="!fullscreen ? 'fullscreen': 'exit-fullscreen'"
				  style="cursor: pointer; margin-right: 10px"
				  @click="() => {fullscreen = !fullscreen}"
				/>
				<i class="el-icon-close" style="cursor: pointer" @click="close" />
			</el-col>
		</el-row>
		<el-form ref="dataForm" :model="form" label-position="right" label-width="100px">
  <el-row :gutter="18">
  
	  <el-col :span="24">
		<el-form-item
		  label="名称"
		>
		<el-input
		  v-model="form.name"
		  controls-position="right"
		  placeholder="请输入名称"
		/>
		</el-form-item>
	  </el-col>
	  <el-col :span="24">
        <el-form-item
          label="订单号"
        >
          <el-select
            filterable
            placeholder="请选择订单号"
            v-model="form.ordersId"
          >
            <el-option
              value=""
              label="-- 请选择 --"
            />
            <el-option
              v-for="(item, index) in more.ordersOptions"
              :key="index"
              :value="`${item.value}`"
              :label="item.label"
            >
            </el-option>
          </el-select>
        </el-form-item>
      </el-col>
	  <!-- <el-col :span="24">
        <el-form-item
          label="快递"
        >
          <el-select
            filterable
            placeholder="请选择快递"
            v-model="form.expressId"
          >
            <el-option
              value=""
              label="-- 请选择 --"
            />
            <el-option
              v-for="(item, index) in more.expressOptions"
              :key="index"
              :value="`${item.value}`"
              :label="item.label"
            >
            </el-option>
          </el-select>
        </el-form-item>
      </el-col>
	 <el-col :span="24">
		<el-form-item
		  label="快递单号"
		>
		<el-input
		  v-model="form.expressNo"
		  controls-position="right"
		  placeholder="请输入快递单号"
		/>
		</el-form-item>
	  </el-col> -->
	  <!-- <el-col :span="24">
        <el-form-item
          label="状态"
        >
          <el-select
            filterable
            placeholder="请选择状态"
            v-model="form.status"
          >
            <el-option
              value=""
              label="-- 请选择 --"
            />
            <el-option
              v-for="(item, index) in more.orderStatusOptions"
              :key="index"
              :value="`${item.value}`"
              :label="item.label"
            >
            </el-option>
          </el-select>
        </el-form-item>
      </el-col> -->
	  <!-- <el-col :span="24">
		<el-form-item
		  label="附件"
		>
		<el-input
		  v-model="form.ext"
		  controls-position="right"
		  placeholder="请输入附件"
		/>
		</el-form-item>
	  </el-col>
	  <el-col :span="24">
		<el-form-item
		  label="附件数量"
		>
		<el-input-number
		  v-model="form.extQuantity"
		  controls-position="right"
		  placeholder="请输入附件数量"
		/>
		</el-form-item>
	  </el-col> -->
  </el-row>
  </el-form>
		<div slot="footer" class="dialog-footer">
			<el-button @click="close">
				取消
			</el-button>
			<el-button type="primary" :loading="state.confirmSubmit" :disabled="state.confirmSubmit" @click="onSubmit(false)">
				确定
			</el-button>
		</div>
	</el-dialog>
  </template>
  
  <script>
  import form from '@/components/diboot/mixins/form'
  export default {
  name: 'orderSkuForm',
  mixins: [form],
  components: {
  },
  data() {
	return {
	  baseApi: '/procurementPlan',
	  attachMoreList: [
        {
          target: 'orders',
          label: 'id',
          value: 'id'
        },
		{
          target: 'goods',
          label: 'name',
          value: 'id'
        },
		{
          target: 'orderStatus'
        },
		{
          target: 'express',
          label: 'name',
          value: 'id'
        }
      ]
	}
  }
  }
  </script>
  <style lang="scss" scoped>
  </style>
  